草庐IT

html - 在 Skeleton 中将 div 居中

全部标签

javascript - scrollTop 和 html 溢出 : hidden

当这样设置CSS规则时html{overflow:hidden;}我无法再使用javascript在Chrome中获取或设置滚动位置(只有DOMElement.scrollIntoView有效)。当我删除它时,它可以正常工作,但它会弄乱整个页面,其中包含使用CSS3创建的“视差效果”。这是一个简化的示例(仅以-webkit-为前缀):http://jsfiddle.net/BaliBalo/LxCxn/ 最佳答案 您可以使用clearfix以与overflow:hidden相同的方式进行“布局预置”。.clearfix:before

javascript - 在页面加载时将服务器端 HTML 转换为 Javascript MVC 的最佳方法是什么?

我正在尝试构建一个快速而肮脏的Javascript库,它使得使用初始服务器生成的HTML页面变得非常容易,然后在Javascript中执行进一步的操作。我的问题是,大多数JavascriptMVC解决方案,包括框架和模式,都依赖于将数据与服务器返回的HTML分开。这里的论点是,这更适合构建和构建完整的Web应用程序。但是,它们会减慢页面加载速度,导致搜索引擎和其他非Javascript客户端无法使用您的网站。与其找出一种在服务器端运行JS来预生成页面的方法,不如让JS在页面加载时读取DOM并由此创建其初始对象状态。我正在使用Django,我的计划是制作可在Jinja和稍作修改的Hand

javascript - 如何在 JavaScript 中将 File 对象添加到 FileList 集合?

我正在处理拖放文件上传字段。我能够返回一个FileList对象,其中包含用户指定的文件。我有一个隐藏的文件输入字段,然后我想将文件对象添加到其中,这样我就可以通过AJAX发送表单数据。我遇到的问题是我似乎无法将文件对象复制到文件输入字段。这是我尝试的方式:varfiles=evt.dataTransfer.files;//FileListobject.varfileUploadElem=document.getElementById(fileUploadId);//tryingtocopythefirstfileoffilesintothefileuploadfieldfileUplo

javascript - 如何在 Chrome 中将集合转换为数组?

HowtoconvertSettoArray?给出了将Set转换为Array的三个答案,目前在Chrome浏览器中都不起作用。假设我有一个简单的集合varset_var=newSet(['a','b','c']);我可以遍历我的变量并将元素添加到一个空数组vararray_var=[];set_var.forEach(function(element){array_var.push(element)});但是有没有其他浏览器支持更广泛的方法来做到这一点? 最佳答案 为什么不尝试使用集合迭代器呢?functionsetToArray(

javascript - 使用JS在Chrome中将页面打印为PDF并打开

我有一个包含许多不同页面的内部网站,所有页面都有一个仅由CSS控制的可打印版本。我的用户使用Chrome的打印/另存为PDF菜单命令创建PDF。我想知道是否可以使用JavaScript从按钮启动另存为PDF并自动打开保存的PDF(实际上保存并不重要,只需在新选项卡上查看即可)。只有Chrome的解决方案是可以的。如果需要安装Chrome扩展程序,这也不是问题。只要我不必为每个页面布局编写额外的PDF呈现代码,一切都很好。 最佳答案 无法强制浏览器将某些内容打印为PDF,甚至无法向打印机发送请求,最好的方法是使用JavaScript中

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 任何 Ruby 的 HTML 解析器都可以执行 JavaScript 来查看生成的 DOM 吗?

在尝试Hpricot和Nokogiri时,可以获取和解析HTML,但它们是否也可以执行Javascript以便在页面上显示内容?(显示在DOM中)。这是因为某些页面只有在JavaScript初始化代码运行后才会显示信息。 最佳答案 据我所知没有。您可能想研究使用类似Watir的东西并使用真正的浏览器。 关于javascript-任何Ruby的HTML解析器都可以执行JavaScript来查看生成的DOM吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 在 iPhone 上滚动页面时隐藏和显示 div

需要在网页顶部显示一个元素(div)。在滚动期间,元素应该消失并在滚动结束后重新出现。增加复杂性:我们的代码是访客代码(因此我们无法操纵DOM结构等)。我们的代码适用于iPhone/iPad(移动Safari浏览器)我们尝试在文档/主体上监听touchstart事件,并在我们的专用处理程序中隐藏元素(div)。然而,在某些站点中(当DOM结构变得相当复杂时)滚动响应时间显着增加,即使处理程序实现完全是空的。我们正在寻找适当的方法来管理元素(重新)出现,同时将滚动时对用户体验的影响降到最低。 最佳答案 我认为Javascript是您的

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d

javascript - 在 Google map 上叠加 HTML

有没有办法使用GoogleMapsAPI在Googlemap的顶部添加HTML内容?我想添加一个包含其他HTML内容的div。附言不想操纵Google信息窗口。 最佳答案 您可以使用这个不错的库。http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html通过一些调整,它可以用来添加任何你想要的内容。这是将其添加为叠加层而不是InfoWindow的方式。 关于javascript-在Googlemap上